标签元素
- 块级元素：div/p/h1-h6/ol/dl/address/blockquote/form/li，这些元素具有
display: block - 内联（行内）：a/span/br/i/em/lable/q/var/cite/code，具有
display: inline，元素的高宽及顶底部边距不可设置，即不能为这些元素设置尺寸，当行内元素间有换行时占用一个空格 - 内联块状：img/input，具有
display: inline-block，在一行且可设置高度宽度和顶底。这既是行内元素，同时具有尺寸
float: 从标准页面流中浮出，该元素后面的元素浮上来占用该元素的空间。
子元素设置float后，父元素无宽高。
除了标准流、浮动流之外，还有层模型（CSS 中的position）
absolute相对父元素（当父元素的position值为relative时）或浏览器，它与float一样，使元素脱离了页面流，需要与 top/left 等搭配使用relative相对自己本来的位置，但仍占据着原来的空间，即还在标准页面流中fixed相对于页面
文本、图像的居中，是在其父元素中设置text-align: center;，而不是元素内；若是该块级元素，则设置该元素的margin: 0 auto;。
不定宽块状元素水平居中：
- 父元素：
float:left; position: relative; left: 50%;// 先浮出标准流，再相对自身向右移 50% - 该元素：
position: relative; left: -50%;// 将内容向左移 50%
不定宽块状元素垂直居中：设置父元素的height & line-height的值相等。
当给元素设置float: left/right; position: absolute;时，该元素的display值转为：inline-block。
标签与单选框绑定
1 | <label for='t'>绑定文本</label> |